<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"/>

    <link rel="stylesheet" href="/static/node_modules/@fortawesome/fontawesome-free/css/all.min.css">
    <link href="/static/css/style.css" rel="stylesheet">

    <title>词云</title>
</head>

<body>

    <!--头部-->
    <div class="header">
        <div class="navbar">
            <div class="nav-item "><a href="/index">首页</a></div>
            <div class="nav-item"><a href="/movie">热门电影</a></div>
            <div class="nav-item"><a href="/score">评分</a></div>
            <div class="nav-item"><a href="/word">词云</a></div>
        </div>
    </div>

    <main id="main">
        <div class="container">
            <div class="left-panel">
                <img src="/static/img/word.jpg" alt="词云图" class="word-cloud">
            </div>
            <div class="right-panel">
                <h1>电影概述搜索</h1>
                <form action="/movie_search" method="post">
                    <input type="text" name="keyword" placeholder="请输入你要查询的电影名称" class="search-form">
                    <button type="submit" class="search-button">查询</button>
                </form>

                <h1>词云</h1>
                <form action="/word_search" method="post">
                    <input type="text" name="keyword" placeholder="请输入你要查找个数的词" class="search-form">
                    <button type="submit" class="search-button">查询</button>
                </form>
            </div>

        </div>

    </main>

    <div class="footer">
        <p2>&#xa9; 2025翟荟茹python期末作业</p2>
    </div>

</body>

</html>